<!-- 话题页面 -->
<template>
  <view>
    <scroll-view scroll-y="true" style="height: 1050rpx;">
      <view class="topic-box p-all-10">
        <view class="topic-title">
          <view class="flex-b">
            <view>热门分类</view>
            <view class="grey-deep-font-color">更多<text class="iconfont icon-jinru"></text></view>
          </view>
          <view class="flex-a m-t-20">
            <uni-tag :text=" item" v-for="(item,index) in hotList" :key="index" inverted="true"></uni-tag>
          </view>
        </view>
        <view class="topic-search m-t-20">
          <my-search title="搜索话题" :flag="false"></my-search>
        </view>
      </view>
      <view class="topic-swiper">
        <swiper class="p-all-10" style="height: 400rpx;" :indicator-dots="true" :autoplay="true" :interval="3000"
          :duration="1000">
          <swiper-item v-for="(item,index) in swiperList" :key="index">
            <image mode="widthFix" style="width:100%;" :src="item"></image>
          </swiper-item>
        </swiper>
      </view>
      <view class="topic-update p-all-10 m-t-20">
        <view class="f-w m-b-20">最近更新</view>
        <topic v-for="(item,index) in updateList" :key="index" :item="item"></topic>
      </view>
    </scroll-view>
  </view>
</template>

<script>
  export default {
    name: "my-topic",
    data() {
      return {
        hotList: ['关注', '推荐', '体育', '热点', '财经', '娱乐'],
        swiperList: [
          "/static/swiper-1.jpg",
          "/static/swiper-2.jpg",
          "/static/swiper-3.jpg",
          "/static/swiper-4.jpg"
        ],
        updateList: [{
            name: '刘亦菲',
            image: '/static/default.png',
            desc: '话题描述',
            all: 999,
            today: 5
          },
          {
            name: '冯凯隆',
            image: '/static/default.png',
            desc: '话题描述',
            all: 999,
            today: 10
          },
          {
            name: '话题名称哈哈哈',
            image: '/static/default.png',
            desc: '话题描述',
            all: 42,
            today: 0
          },
          {
            name: '话题名称',
            image: '/static/default.png',
            desc: '话题描述',
            all: 42,
            today: 0
          }
        ]
      };
    }
  }
</script>

<style lang="scss">

</style>